<template>
   <el-card>
    <div class="inaccount">
      <h3 class="applyRecode">未出账单列表</h3>
      <el-form  class="form" :model="form" ref="form" label-width="100px">
        <el-form-item class="year" size="small" label="搜索：">
          <el-input placeholder="请输入买家姓名/买家电话" v-model="form.sea"></el-input>
        </el-form-item>
        <el-form-item class="year" size="small" label="订单状态：">
          <el-select class="publis" v-model="form.orState" placeholder="请选择">
            <el-option v-for="(item, index) in items" :key="index" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <div class="btns"><el-button type="primary" @click="findInit" size="small">查询</el-button></div>
      </el-form>
      <el-table class="tables" :data="tableData">
        <el-table-column prop="buytime" label="下单时间" align="center"></el-table-column>
        <el-table-column prop="orStatus" label="订单状态" align="center"></el-table-column>
        <el-table-column prop="orNum" label="订单号" align="center"></el-table-column>
        <el-table-column prop="buyMsg" label="买家信息" align="center"></el-table-column>
        <el-table-column prop="sellsum" label="销售金额（元）" align="center"></el-table-column>
        <el-table-column prop="refnum" label="退款金额（元）" align="center"></el-table-column>
        <el-table-column prop="charge" label="平台交易服务费（元）" align="center"></el-table-column>
        <el-table-column prop="profit" label="扶贫公益金（元）" align="center"></el-table-column>
        <el-table-column prop="settlenum" label="结算金额（元）" align="center"></el-table-column>
        <el-table-column prop="faStatus" label="发票状态" align="center"></el-table-column>
      </el-table>
      <div class="page">
        <el-pagination background style="float:right;margin:26px 0 30px"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="pagesize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
        </el-pagination>
      </div>
    </div>
  </el-card>
</template>
<script>
export default {
  name: 'inaccount',
  data () {
    return {
      currentPage: 1,
      pagesize: 10,
      total: 40,
      form: {
        sea: '',
        orState: ''
      },
      items: [
        {
          label: '全部',
          value: '0'
        },
        {
          label: '代发货',
          value: '1'
        },
        {
          label: '待收货',
          value: '2'
        },
        {
          label: '待评价',
          value: '3'
        },
        {
          label: '已完成',
          value: '4'
        },
        {
          label: '已结束',
          value: '5'
        }
      ],
      tableData: [
        {
          buytime: '2018-10-30 15:53:39',
          orStatus: '交易完成（未退款）',
          orNum: '',
          buyMsg: '187****0666',
          sellsum: '¥99.90+1000积分',
          refnum: '¥0.00',
          charge: '',
          profit: '',
          settlenum: '',
          faStatus: ''
        }
      ]
    }
  },
  created () {

  },
  methods: {
    findInit () {
      // this.currentPage = 1
      // this.init()
    },
    handleSizeChange (val) {
      // this.pagesize = val
      // this.init()
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange (val) {
      // this.currentPage = val
      // this.init()
      console.log(`当前页: ${val}`)
    }
  }
}
</script>
<style lang="scss" scope>
.inaccount {
  .form {
    display: flex;
    .year {
      margin-right: 25px;
    }
  }
}
</style>
